import { useEffect, useState } from "react"

export default function List({ str }) { 

    const [data,setData] = useState()


    useEffect(()=>{
        const arr = []
        // arr.length = 1000

        for(let i = 0; i < 2000; i++) {
            // arr.fill (i + 1 ,i)
            arr.push(i + 1)
        }
        setData(arr)

    },[str])

    return<div>
        { data && data.map(item =>{
            return <p key= {item}>{str}</p>
        })}
    </div>
}

// function fn(props){
//     props.name
//     props.age
// }
// function fn({ name, age }) {
//     name
//     age
// }
